
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="f"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Comprar Vuelo</title>
<script type="text/javascript" src="../bootstrap/js/bootstrap.js"></script>
<script type="text/javascript" src="../bootstrap/js/bootstrap.min.js"></script>
<link href="../bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
	<div class="row-fluid">
		<div class="span2"></div>
		<div class="span6">
			<br /> <img id="Logo"
				src="http://static.vueling.com/cms/images/vueling-logo.png"
				alt="Vueling Airlines"> <br />
			<p>
			<h1 class="inline">Datos del Vuelo</h1>
			<!-- Si existen: Mostramos los errores del formulario almacenados en el objeto form, en
			 		 su atributo mensajesError -->
				<c:if test="${not empty requestScope.form.mensajesError}">
					<h4 class="text-error">Errores del Formulario</h4>
					<ol class="text-error">
						<c:forEach var="mensajesError"
							items="${requestScope.form.mensajesError}">
							<li>${mensajesError}</li>
						</c:forEach>
					</ol>
				</c:if>
			<table class="table table-hover">
				<thead>
					<tr>
						<th>Aeropuerto Origen</th>
						<th>Aeropuerto Destino</th>
						<th>Fecha Salida</th>
						<th>Fecha Llegada</th>
						<th>Precio</th>
					</tr>
				</thead>
				<tr>
					<td>${requestScope.vuelo.aeropuertoOrigen.codIATA}</td>
					<td>${requestScope.vuelo.aeropuertoDestino.codIATA}</td>
					<td><f:formatDate type="both" dateStyle="medium"
							timeStyle="short" value="${requestScope.vuelo.horaSalida}"></f:formatDate>
					</td>
					<td><f:formatDate type="both" dateStyle="medium"
							timeStyle="short" value="${requestScope.vuelo.horaLlegada}"></f:formatDate>
					</td>
					<td><f:formatNumber value="${requestScope.vuelo.precio}"
							type="currency" currencySymbol="€"></f:formatNumber>
				</tr>
			</table>
			<form method="get" action="action.do">
				<input type="hidden" name="iataOrigen"
					value="${requestScope.form.iataAeroOrigen}"> <input
					type="hidden" name="iataDestino"
					value="${requestScope.form.iataAeroDestino}">
				<c:set var="fecha">
					<f:formatDate pattern="yyyy-MM-dd"
						value="${requestScope.form.fechaPartida}"></f:formatDate>
				</c:set>
				<input type="hidden" name="fechaPartida" value="${fecha}"> 
				<input type="hidden" name="objetoInicial" value="${requestScope.form.objetoInicial}">
				<input type="hidden" name="vueloseleccionado" value="${requestScope.form.vueloseleccionado}">
				<label>Nombre</label> <input type="text" name="nombre"
					placeholder="Introduce tu nombre" value="${requestScope.form.nombre}"> <label>NIF/CIF</label>
				<input type="text" name="nifcif" placeholder="Introduce el NIF o CIF" value="${requestScope.form.nifcif}"><br/>
				<input class="btn btn-primary" type="submit" name="validar"
					value="Validar">
			</form>
		</div>
	</div>

	<div class="span2"></div>
</body>
</html>